<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="/public/static/home/static/css/style.css" />
		<link rel="stylesheet" href="/public/static/home/static/plug-in/layui/css/layui.css" />
		<script src="/public/static/home/static/js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/public/static/home/static/plug-in/slides-1.1.1-min.js" type="text/javascript" charset="utf-8"></script>
		<title>{$info.title}</title>
		<script type="text/javascript">
			$(function() {
				$('#sildes').olvSlides({
					thumb: true,
					thumbPage: true,
					thumbDirection: "Y",
					effect: 'fade'
				});
			})
		</script>
	</head>

	<body>
		<div class="wrap">
	<div id="sildes">
		<div class="control">
			<ul class="change"></ul>
		</div>
		<div class="thumbWrap">
			<div class="thumbCont">
				<ul>
					<?php $picArr = []; $picArr = explode(';',substr($info['pics'],1,strlen($info['pics']))); ?>

					<!-- img属性, url=url, text=描述, bigimg=大图, alt=标题  -->
					{volist name="picArr" id="data" key="k"}
					<li><div><img {if condition="$k eq 1"} src="/{$data}" {else}src="{$data}"{/if} url="url" text="{$info.description}" {if condition="$k eq 1"}  bigImg="/{$data}" {else}bigImg="{$data}" {/if}alt="{$info.title}"></div></li>
					{/volist}
				</ul>
			</div>
		</div>
	</div>
</div>
	</body>

</html>